// 用于统一管理自定义指令
// 自定义指令v-imagerror
export const imagerror = {
  // 指令对象，在dom元素插入到节点之后才执行
  inserted(dom, options) {
    // dom表示当前指令作用的dom对象
    // options是指令中的变量，其中有一个属性value
    // 当图片有地址，但地址没有加载成功，就会触发onerror事件
    // 处理报错的情况
    dom.onerror = function() {
    // 将指令配置的默认图片设置为该图片的内容
      dom.src = options.value
    }
    // 数据不存在的情况，需要手动检测
    // if (!dom.src) {
    //   dom.src = options.value
    // }
    dom.src = dom.src || options.value
  },
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value
  }
}
